<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Genius-网页</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css" class="">
</head>
<body>


<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container">
        <a class="navbar-brand jk" href="#">
            <img src="img/logo_02.png" width="185" height="105" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="#" style="color: #de6f02">HOME <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#">ABOUT US</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#">SERVICES</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#">COURSES <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#">PRICING <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#">CONTACT <span class="sr-only">(current)</span></a>
                </li>
            </ul>
        </div>
    </div>
</nav>




<div class="banner">
    <div class="container">
        <div class="zi-i">
            <div class="zi">
                <h1>EDUCATION GENIUS</h1>
                <p>Lorem ipsum dolor sit amet,consectetur adipisicing
                    <br>eliticidunt eius magni provident.</p>
                <a href="" class="">Read More</a>
            </div>
        </div>
    </div>
</div>

<main>
    <div class="main1">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>Our Courses</h2>
                    <p>Lorem ipsum dolor sit amet.consectetour adipsicing alit.Dolores quae porro cinsequatur aliquam,incidunt eius magni providint ,doloribus ominus minus temporibus
                        <br>perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/yuan_11.png" alt="" class="" style="float: left">
                        </div>
                        <div class="col-10">
                            <h5>Mobile Dev</h5>
                            <p>Backed by some of the biggest names in the industry,Firfox OS is an open platform that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/yuan_11.png" alt="" class="" style="float: left">
                        </div>
                        <div class="col-10">
                            <h5>Mobile Dev</h5>
                            <p>Backed by some of the biggest names in the industry,Firfox OS is an open platform that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/yuan_11.png" alt="" class="" style="float: left">
                        </div>
                        <div class="col-10">
                            <h5>Mobile Dev</h5>
                            <p>Backed by some of the biggest names in the industry,Firfox OS is an open platform that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" id="fg1">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/yuan_11.png" alt="" class="" style="float: left">
                        </div>
                        <div class="col-10">
                            <h5>Mobile Dev</h5>
                            <p>Backed by some of the biggest names in the industry,Firfox OS is an open platform that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" id="fg2">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/yuan_11.png" alt="" class="" style="float: left">
                        </div>
                        <div class="col-10">
                            <h5>Mobile Dev</h5>
                            <p>Backed by some of the biggest names in the industry,Firfox OS is an open platform that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" id="fg3">
                    <div class="row">
                        <div class="col-2">
                            <img src="img/yuan_11.png" alt="" class="" style="float: left">
                        </div>
                        <div class="col-10">
                            <h5>Mobile Dev</h5>
                            <p>Backed by some of the biggest names in the industry,Firfox OS is an open platform that fosters greater</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
     <div class="main2">
         <div class="container">
             <div class="row">
                 <div class="col-md-12" style="text-align: center;margin-top: 80px;margin-bottom: 104px;color:#fff">
                     <div class="container">
                         <h2>Our Students</h2>
                         <p>Lorem ipsum dolor sit amet.consectetour adipsicing alit.Dolores quae porro cinsequatur aliquam,incidunt eius magni providint ,doloribus ominus minus temporibus
                             <br>perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                     </div>
                 </div>
                 <div class="col-md-6" style="margin-bottom: 86px" >
                     <img src="img/chengtu_03.png" alt="" class="" id="ft">
                 </div>
                 <div class="col-md-6" style="margin-bottom: 86px">
                    <div class="top1">
                        <p>Lorem ipsum dolor sit armet,cadipisicing sit amet,consectetur adipisicing eilt Atque
                        sed,quidem quis praesentium,ut unde fuga error commodi architecto,oribus
                        omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum
                        odit corrupti consequuntur possimus,vero molllitia velit ad consectetur.Alias,
                        laborum excepturi nihil autem nemo numquan,ipsa architcto non,magni
                        consequuntlaudantium culpa temetur at id,beatae pet.</p>
                    </div>
                     <div class="center1">
                         <p>Lorem ipsum dolor sit amet,consectetur adipiscing eilt.adipsicing sit amet,
                         consectetur adipiscing elit.Atque sed,quidem quis praesentium,m deserunt.</p>
                     </div>
                     <div class="bottom1">
                        <span><img src="img/jiantou_03.png" alt="" class=""></span><span>Lorem ipsum enimdolor sit amet</span>
                         <br><span><img src="img/jiantou_03.png" alt="" class=""></span><span>Explicabo deleniti neque aliquid</span>
                         <br><span><img src="img/jiantou_03.png" alt="" class=""></span><span>Cconsectur adipisicing eilt</span>
                         <br><span><img src="img/jiantou_03.png" alt="" class=""></span><span>Lorem ipsum dolor sit amet</span>
                         <br><span><img src="img/jiantou_03.png" alt="" class=""></span><span>Quo issimos molest quibusdam temporibus</span>
                     </div>
                 </div>
             </div>
         </div>
     </div>
    <div class="main3">
     <div class="container">
         <div class="row">
             <div class="col-md-12" style="text-align: center;margin-top: 80px;margin-bottom: 50px;">
                 <h2>Our Events</h2>
                 <p style="">Lorem ipsum dolor sit amet.consectetour adipsicing alit.Dolores quae porro cinsequatur aliquam,incidunt eius magni providint ,doloribus ominus minus temporibus
                     <br>perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
             </div>
             <div class="col-md-4">
                 <img src="img/tu1_03.png" alt="" class="">
                 <h6 style="padding-top: 10px;color: #3196e8;font-weight: 600;">Feb</h6>
                 <p style="color: #868686">APSUM DOLOR SIT AMET.CONSECTUR
                     <br>ADIPISDSLIF</p>
             </div>
             <div class="col-md-4">

                 <img src="img/tu2_05.png" alt="" class="">
                 <h6 style="padding-top: 10px;color: #3196e8;font-weight: 600;">March</h6>
                 <p style="color: #868686">APSUM DOLOR SIT AMSRV JDFDJ DDJID DIPISIC INDFEFT
                     <br></p>
             </div>
             <div class="col-md-4">
                 <img src="img/tu3_07.png" alt="" class="">
                 <h6 style="padding-top: 10px;color: #3196e8;font-weight: 600;">April</h6>
                 <p style="color: #868686">DOLOR SIT AMET.CONSECTETUR</p>
             </div>
         </div>
     </div>
    </div>
    <div class="main4">
       <div class="container">
           <div class="row">
               <div class="col-md-12">
                   <h2>Campus Placement</h2>
                   <p style="font-size: 15px;">Lorem ipsum dolor sit amet.consectetour adipsicing alit.Dolores quae porro cinsequatur aliquam,incidunt eius magni providint ,doloribus ominus minus temporibusperferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
               </div>
               <div class="col-md-2">
                   <img src="img/di1_03.png" alt="" class="">
               </div>
               <div class="col-md-2">
                   <img src="img/di2_03.png" alt="" class="">
               </div>
               <div class="col-md-2">
                   <img src="img/di3_06.png" alt="" class="">
               </div>
               <div class="col-md-2">
                   <img src="img/di1_03.png" alt="" class="">
               </div>
               <div class="col-md-2">
                   <img src="img/di2_03.png" alt="" class="">
               </div>
               <div class="col-md-2">
                   <img src="img/di3_06.png" alt="" class="">
               </div>
           </div>
       </div>
    </div>


<footer>
    <div class="footer-top" style="  background-color: #2d2d2d;">
     <div class="container">
         <div class="row">
             <div class="col-md-3" style="color:#fff;margin-top: 60px;margin-bottom: 54px">
                <h5>Our Contact</h5>
                 <h5>Target company inc</h5>
                 <p>JC Main Road,Near Silnile tower
                     <br>Pin-21542 NewYork US.</p>
                 <p>(123)456-789-1255-12584
                     <br>email@domainname.com</p>
             </div>
             <div class="col-md-3" style="color:#fff;margin-top: 60px;margin-bottom: 54px">
                 <h5>Quick Links</h5>
                 <p>Latest Event
                     <br>Term and conditions
                     <br>Privacy policy
                     <br>Career
                     <br>Conytact us</p>
             </div>
             <div class="col-md-3" style="color:#fff;margin-top: 60px;margin-bottom: 54px">
                 <h5>Latest posts</h5>
                 <p>Lorem ipsum dolor sit amet
                     <br>consectetur adipiscing elit
                     <br>Pellentesque et pulvinar enim.Quisque
                     <br>at tempor ligula
                     <br>Natus error sit voluptatem accusantium
                     <br>doloremque</p>
             </div>
             <div class="col-md-3" style="color:#fff;margin-top: 60px;margin-bottom: 54px">
                 <h5>Recent News</h5>
                 <p>Lorem ipsum dolor sit amet
                     <br>consectetur adipiscing elit
                     <br>Pellentesque et pulvinar enim.Quisque
                     <br>at tempor ligula
                     <br>Natus error sit voluptatem accusantium
                     <br>doloremque</p>
             </div>
         </div>
     </div>
    </div>
    <div class="footer2" style="background: #202020">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                <p style="color: #e0e0e0">Copyright@.Company name ALL right reserved.</p>
              </div>
              <div class="col-md-6">
                  <div class="jiao">
                      <img src="img/jiao1_03.png" alt="" class="" style="padding: 0 13px 0 0">
                      <img src="img/jiao2_06.png" alt="" class="" style="padding: 0 13px 0 0">
                      <img src="img/jiao3_03.png" alt="" class="" style="padding: 0 13px 0 0">
                      <img src="img/jiao4_05.png" alt="" class="" style="padding: 0 13px 0 0">
                      <img src="img/jiao5_03.png" alt="" class="" style="padding: 0 13px 0 0">
                  </div>
              </div>
          </div>
      </div>
    </div>
</footer>


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</body>
</html>